//全局属性
* {
    padding: 0px;
    margin: 0px;
}

ul li {
    list-style: none;
}

a{
    text-decoration: none;
    
}

//混合变量
.bor(@px: 1px, @s: solid, @cor: red) {
    border: @px @s @cor;
}

.bor1(@px: 1px, @s: solid, @cor: blue) {
    border: @px @s @cor;
}

.bg2 {
    background: deeppink;
}

.bg1 {
    background: deepskyblue;
}

.bg {
    background: yellowgreen;
}

.juzhong(@px: 0, @j: auto) {
    margin: @px @j;
}

//颜色变量
@nav: #727171;
@red: #B81C22;
//top部分css
.topmain {
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #f7f7f7;
    .top {
        margin: 0 auto;
        width: 1200px;
        height: 30px;
        ul {
            float: right;
            a {
                color: #808080;
                &:hover {
                    color: #a10000;
                }
            }
        }
        ul li {
            float: left;
            font-size: 12px;
            color: #808080;
            line-height: 30px;
            margin-left: 13px;
        }
        .laba {
            display: block;
            background: url(../img/notice.png)no-repeat;
            width: 20px;
            height: 20px;
            float: left;
            margin-top: 5px;
            margin-right: 5px;
        }
        .w1 {
            display: block;
            float: left;
            width: 18px;
            height: 18px;
            background: url(../img/w1.jpg)no-repeat;
            margin-top: 5px;
        }
        .w2 {
            display: block;
            float: left;
            width: 18px;
            height: 18px;
            background: url(../img/w2.jpg)no-repeat;
            margin-top: 5px;
            margin-left: 2px;
        }
    }
}

//搜索部分css
.searchmain {
    //   .bor();
    width: 100%;
    .search {
        width: 1200px;
        height: 62px;
        margin: 20px 40px 25px 40px;
        //       .bor();
        .search_tab {
            width: 438px;
            height: 62px;
            //           .bor();
            float: right;
            .search_top {
                width: 438px;
                height: 33px;
                //               border: 1px solid blue;
                input {
                    width: 261px;
                    height: 27px;
                    border: 1px solid #c9caca;
                    outline: none;
                    float: left;
                }
                button {
                    width: 49px;
                    height: 29px;
                    float: left;
                    border: none;
                    background: #B61F26;
                    font-size: 15px;
                    color: #FFFFFF;
                    outline: none;
                }
                .shopcar {
                    width: 105px;
                    height: 29px;
                    float: right;
                    background: #B61F26;
                    color: #FFFFFF;
                    text-align: center;
                    line-height: 29px;
                    font-size: 13px;
                    cursor: pointer;
                    position: relative;
                    z-index: 3;
                    .icon-shopping-cart {
                        color: #FFFFFF;
                        font-size: 19px;
                        margin-right: 5px;
                    }
                    a {
                        color: #FFFFFF;
                    }
                    .shoptab {
                        width: 295px;
                        height: 30px;
                        background: #FFFFFF;
                        position: absolute;
                        right: 0;
                        border: 1px solid #B61F26;
                        display: none;
                        color: #333;
                        font-size: 12px;
                        padding-left: 5px;
                        text-align: left;
                    }
                    .sa {
                        display: block;
                        height: 29px;
                        width: 105px;
                        position: relative;
                        z-index: 9;
                    }
                    &:hover {
                        
                        background: #FFFFFF;
                        color: #B61F26;
                        border: 1px solid #B61F26;
                        
                        a {
                            color: #B61F26;
                          }
                        .sa {
                            height: 31px;
                            background: #fff;
                        }
                        .shoptab {
                            display: block;
                            right: -1px;
                            top: 29px;
                        }
                        .icon-shopping-cart {
                            color: #B61F26;
                        }
                    }
                }
            }
            .search_down {
                width: 438px;
                height: 29px;
                //               border: 1px solid blue;
                ul {
                    margin-left: 10px;
                }
                ul li {
                    float: left;
                    color: #727171;
                    font-size: 12px;
                    line-height: 29px;
                    padding: 0px 5px 0px 5px;
                }
                ul li a {
                    color: #727171;
                }
            }
        }
    }
}

//导航部分css
.navmain {
    width: 100%;
    .nav {
        width: 1200px;
        height: 46px;
        margin: 30px 40px 30px 40px;
        .nav-list {
            margin-top: 14px;
            position: relative;
        }
        .cshot {
            position: absolute;
            top: -10px;
            right: 2px;
        }
        .txhot {
            position: absolute;
            top: -10px;
            right: 2px;
        }
        .cserj {
            width: 96px;
            background: #FFFFFF;
            display: none;
            position: absolute;
            top: 41px;
            left: 0px;
            z-index: 200;
            .erjtop {
                width: 96px;
                display: block;
                height: 3px;
                border-top: 5px solid @red;
            }
            ul {
                float: left;
                width: 94px;
                height: auto;
                border: 1px solid #efefef;
                border-top: 0px;
                padding-bottom: 10px;
            }
        }
    }
    .logo {
        width: 185px;
        height: 46px;
        margin-right: 45px;
        //          .bor();
    }
    .logo img {
        width: 185px;
        height: 46px;
        //          .bor();
    }
    ul {
        .navshu {
            float: left;
            position: relative;
            bottom: -26px;
            color: @nav;
        }
    }
    ul li {
        width: 93px;
        height: 32px;
        float: left;
        line-height: 46px;
        color: @nav;
        font-size: 16px;
        text-align: center;
        //          .bor();
    }
    ul li a {
        color: @nav;
    }
}

//轮播图部分
.bannermain {
    margin-bottom: 20px;
    width: 100%;
    .banner {
        width: 1200px;
        height: 535px;
        .juzhong();
        position: relative;
        .bannerleft {
            display: block;
            position: absolute;
            color: rgba(0, 0, 0, 0.4);
            font-size: 80px;
            z-index: 99;
            top: 43%;
            left: 10px;
            &:hover {
                color: @red;
            }
        }
        .bannerright {
            display: block;
            position: absolute;
            color: rgba(0, 0, 0, 0.4);
            font-size: 80px;
            z-index: 99;
            top: 43%;
            right: 10px;
            &:hover {
                color: @red;
            }
        }
        img {
            position: absolute;
        }
        ul {
            position: absolute;
            bottom: 10px;
            left: 470px;
        }
        ul li {
            display: block;
            width: 20px;
            height: 20px;
            float: left;
            background: #DDDDDD;
            border-radius: 50%;
            margin-left: 20px;
        }
        .retive {
            background: @red;
        }
    }
}

//  充值秒杀部分
.czms {
    width: 1200px;
    //      .bor();
    .juzhong();
    ul {
        margin-top: 3px;
        width: 1200px;
        height: 329px;
        //          .bor(1px,solid,blue);
        //          overflow: hidden;
    }
    li {
        width: 232px;
        height: 329px;
        //          .bor();
        float: left;
        margin-right: 8px;
        img {
            width: 232px;
            height: 232px;
            //              .bor();
        }
        .tittle {
            width: 232px;
            height: 35px;
            color: #474747;
            font-size: 16px;
            font-weight: 400;
            //              .bor();
        }
        .dec {
            display: block;
            height: 20px;
            width: 232px;
            //              .bor();
            font-size: 14px;
            color: #d3d3d3;
        }
        .price {
            line-height: 30px;
            width: 232px;
            height: 30px;
            //              .bor();
            .price_left {
                //                  float: left;
                color: #bb2b34;
                font-size: 16px;
            }
            .price_right {
                float: right;
                color: #474747;
                font-size: 16px;
            }
        }
    }
}

//熊本熊部分
.xbx {
    width: 1200px;
    //  .bor();
    .juzhong();
    .xbximg {}
    .shirtmain {
        width: 1200px;
        height: 430px;
        //      .bor(1px,solid,blue);
        .shirt {
            margin-left: 16px;
            margin-right: 16px;
            float: left;
        }
    }
}

//新品预售
.xpys {
    width: 1200px;
    //  .bor();
    .juzhong();
    .xpysmain {
        width: 1200px;
        height: 430px;
        //      .bor(1px,solid,blue);
        .shirt {
            margin-left: 16px;
            margin-right: 16px;
            float: left;
        }
    }
}

//优选推荐
.yxtj {
    width: 1200px;
    //  .bor();
    .juzhong();
    .yxtjtittle {
        text-align: center;
        color: #9a9a9a;
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .yxtjmain {
        width: 1200px;
        height: 1042px;
        //      .bor1();
        .yxtjpic {
            width: 590px;
            height: 509px;
            //           .bor();
            float: left;
            img {
                display: block;
                width: 590px;
                height: 440px;
                //               .bor();
            }
            .yxtjpic_t {
                width: 564px;
                height: 69px;
                .bor(1px, solid, #E8E7EC);
                border-top: 0px;
                line-height: 69px;
                font-size: 14px;
                padding: 0px 12px 0px 12px;
                span {
                    float: right;
                    color: #A10000;
                }
            }
        }
        .yxtjpiccenter {
            margin-left: 17px;
            margin-right: 17px;
            width: 290px;
            height: 509px;
            //          .bor();
            float: left;
            .center_top {
                width: 290px;
                height: 244px;
                margin-bottom: 21px;
                img {
                    width: 290px;
                    height: 175px;
                    display: block;
                }
                .top_tittle {
                    width: 264px;
                    height: 69px;
                    .bor(1px, solid, #E8E7EC);
                    padding: 0px 12px 0px 12px;
                    border-top: 0px;
                    font-size: 14px;
                    line-height: 69px;
                    span {
                        float: right;
                        color: @red;
                    }
                }
            }
            .center_down {
                //              .bor();
                width: 290px;
                height: 244px;
                img {
                    width: 290px;
                    height: 175px;
                    display: block;
                }
                .down_tittle {
                    width: 264px;
                    height: 69px;
                    .bor(1px, solid, #E8E7EC);
                    padding: 0px 12px 0px 12px;
                    border-top: 0px;
                    font-size: 14px;
                    line-height: 69px;
                    span {
                        float: right;
                        color: @red;
                    }
                }
            }
        }
        .yxtjpicright {
            width: 286px;
            height: 510px;
            //          .bg();
            float: left;
            img {
                width: 286px;
                height: 440px;
                display: block;
            }
            .right_down {
                width: 260px;
                height: 70px;
                .bor(1px, solid, #E8E7EC);
                padding: 0px 12px 0px 12px;
                border-top: 0px;
                font-size: 14px;
                line-height: 69px;
                span {
                    float: right;
                    color: @red;
                }
            }
        }
        .fenge {
            width: 1200px;
            height: 20px;
            .juzhong();
            //          .bg();
            float: left;
        }
    }
}

//夏装推荐
.xztj {
    width: 1200px;
    .juzhong();
    //  .bg();
    .xztj_kuang {
        width: 1300px;
        overflow: hidden;
    }
    .xztjtittle {
        width: 1200px;
        height: 30px;
        margin: 30px 0px 30px 0px;
        //      .bg1();
        color: #9a9a9a;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
    }
    .xztjpic {
        width: 285px;
        height: 508px;
        float: left;
        margin-right: 20px;
        //      .bg2();
        img {
            width: 285px;
            height: 438px;
            display: block;
        }
        .xztj_dec {
            width: 259px;
            height: 69px;
            .bor(1px, solid, #E8E7EC);
            //          .bg1();
            border-top: none;
            padding: 0px 12px 0px 12px;
            font-size: 14px;
            line-height: 69px;
            color: #333;
            span {
                color: @red;
                float: right;
            }
        }
    }
}

.gdjp {
    width: 1200px;
    .juzhong();
    .gdjptittle {
        width: 1200px;
        height: 30px;
        margin: 30px 0px 30px 0px;
        //      .bg1();
        color: #9a9a9a;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
    }
    .gdjppic {
        width: 1200px;
        overflow: hidden;
        //      height: 880px;
        .gdjppic_fenge {
            width: 1200px;
            float: left;
            height: 2px;
            //          .bg2();
        }
        .gdjppic_kuang {
            width:1220px;
            overflow: hidden;
        }
        //      .bg();
        .gdjpic_01 {
            width: 385px;
            height: 275px;
            float: left;
            margin-right: 20px;
            img {
                width: 385px;
                height: 275px;
                display: block;
            }
        }
    }
}

//bottom
.bottom {
    width: 1200px;
    height: 284px;
    border: 1px solid #E8E7EC;
    .juzhong();
    margin-top: 20px;
    .bottom_top {
        width: 1160px;
        height: 138px;
        margin-top: 33px;
        margin-bottom: 23px;
        padding: 0px 20px 0px 20px;
        //      .bg();
        .bottom_kefu {
            float: left;
            width: 371px;
            height: 138px;
            //          .bg1();
            border-right: 1px solid #E0E0E1;
            .bottom_day {
                color: #727171;
                font-size: 14px;
                text-align: center;
            }
        }
        .bottom_map {
            float: left;
            width: 371px;
            height: 138px;
            position: relative;
            .bottom_dw {
                position: absolute;
                bottom: 0px;
                left: 33%;
                font-size: 14px;
                color: #727171;
                span {
                    color: @red;
                }
            }
        }
        .bottom_time {
            width: 156px;
            height: 32px;
            text-align: center;
            color: #fff;
            line-height: 32px;
            background: @red;
            font-size: 14px;
            .juzhong();
        }
        .bottom_online img {
            padding: 15px 0px 30px 0px;
            display: block;
            .juzhong();
        }
        .bottom_ma img {
            width: 104px;
            height: 104px;
            display: block;
            .juzhong();
        }
    }
}

.bottom_down {
    //  .bor();
    width: 1118px;
    height: 26px;
    background: #f8f8f8;
    padding: 17px 0px 14px 0px;
    .juzhong();
    ul {}
    li {
        width: 179px;
        height: 26px;
        //      .bg1();
        border-right: 1px solid #DADADB;
        text-align: center;
        line-height: 26px;
        font-size: 12px;
        color: #323232;
        float: left;
    }
}
//footer
.footer{
    border-top: 1px solid black;
    margin:20px auto auto auto;
    width: 1200px;
//  .bg();
    .footer_main{
        margin-top: 10px;
        width: 1200px;
        height: 111px;
        p{  margin-top: 3px;
            text-align: center;
            font-size: 12px;
        }
        .footimg{
            width: 980px;
            height: 50px;
            .juzhong();
//          .bg1();
            margin-top: 20px;
            img{
                display: block;
                .juzhong();
                width: 750px;
                height: 50px;
            }
        }
    }
}
.guanggao{
    width: 75px;
    height: 206px;
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 10px;
}
